<style>
.dot2{
	background: #eb0101;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 0.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    margin-left: 0.1rem;
    min-width: 0.8rem;
    padding: 0 0.2rem;
    position: absolute;
    top: 0;
    left: 0.3rem;
    vertical-align: top;
    text-align: center;
    z-index: 11;
}
.quick-num .plus {
    background: #7c1cc9;
	color: #000;
}
.quick-num .minus {
    color: #7c1cc9;
    border: 1px solid #7c1cc9;
}
.quick-list .quick-item .info .title {
    font-size: 0.75rem;
    line-height: 0.9rem;
}
.fui-fullHigh-item.menu {
    width: 5.25rem;
    background: #fff;
	color: #333;
}
.fui-fullHigh-item.menu nav.on {
    background: #f5f5f5;
    color: red;
}
.fui-fullHigh-item.menu nav.on:before {
    border-left: 0 solid #ff5555;
}
.parent-category{float:left; width:100%; height:auto; min-height:100%;}
.parent-category ul{margin:0; padding:0; width:100%;}
.parent-category ul li{list-style:none; text-align:center; height:50px; line-height:50px; white-space:nowrap; width:100%; border-bottom:1px solid #e0e0e0; position:relative; right:-1px;}
.parent-category ul li.active{border-right:1px solid #fff; z-index: 10000}
.parent-category ul li a{color:#333; display:inline-block; width:100%; height:100%; text-decoration:none;}
.parent-category ul li.active a{color:red;}
.children-category{width:100%; min-height:100%; height:auto; color: #252525;}
.children-category ul{list-style:none; margin:0; padding:0; overflow-y:auto; overflow-x:hidden; border-left:1px solid #e0e0e0; min-height:100%;}
.children-category ul li{text-align:left; height: 32px; line-height: 32px; padding-left: 15px}
.children-category ul li.delivery-tips{height:25px; line-height:25px; margin-top: -15px; font-size: .65rem; color: #ff2d4b}
.children-category ul li a{display:inline-block; width:100%; height:100%; text-decoration:none; color:#333;}
.children-category ul li a span{font-size: .6rem; color: #999;}
.children-category .block{display:block; color:#ef1e15; font-size:.6rem;}
.content-group {background:#fff;border-radius: 0.5rem;margin-bottom:0.39rem}
.merchname {display:none}
.fui-tab-scroll .item a {font-size:1rem;color:#999}
.fui-tab-scroll .item.on,.fui-tab-scroll .item.on a{color:#fa90f1;}
.fui-tab-scroll .item.on:before {background:linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0));}
.fui-footer.quick {box-shadow:0 0 0 rgba(0,0,0,0);height:3rem;background: none;padding:0.2rem 0.5rem}
.fui-footer.quick .quick-cart {
    width:50%;background: #000;color:#f9b9b9;border-top-left-radius: 1.35rem;border-bottom-left-radius: 1.35rem;
}
.fui-footer.quick .quick-info{color:#9e9e9e;position: relative;background: #000;padding-left:0;border-left: 2px solid #fff;border-right: 0 solid #fff;}
.fui-footer.quick .quick-info .icon{position: absolute;top:-0.5rem;}
.fui-footer.quick .quick-info.action .icon{color:#7c1cc9}
.fui-footer.quick .quick-submit {
    height:auto;width:50%;background: #ffcb51;color:#000;border-top-right-radius: 1.35rem;border-bottom-right-radius: 1.35rem;
}
</style>
<div ng-if="pagedata.isshowsearch" class="popup">
	<div class="popup-body">
		<div class="popup-top" style="min-height:18rem;padding-bottom:3.5rem">
			<div class="fui-header" style="height:2.6rem;background:#fff">
				<div class="fui-header-left">
					<a class="back2" href="javascript:" ng-click="goback()"></a>
				</div>
				<div class="fui-header-input" style="top:0.5rem;right:0.5rem">
					<div class="searchbar searchbar-active" style="margin-left:1.6rem">
							<div class="search-input" style="margin-right:0.5rem">
								<i id="searchsub" class="icon icon-sousuo1" ng-click="pagedata.getlist();"></i>
								<input type="search" placeholder="{{pagedata.pluginset.searchtitle ||'连衣裙 修身款'}}" class="search" ng-model="pagedata.params.keyword" style="text-align: left; color: #999; font-size:0.6rem;background:#f9f9f9;border-radius: 1rem;border: 0 solid #ddd;" />
							</div>
					</div>
				</div>
			</div>
			<i class="block icon icon-cuowu" style="font-size: 1.3rem;color:#fff;top:100%;left:50%;margin-left:-0.65rem" ng-click="pagedata.isshowsearch=false"></i>
			<div class="fui-list-group" style="margin:0;margin-top:2.3rem;background:none;padding:0 0.3rem;">
				<div class="fui-list" style="font-size:0.65rem;padding:0.4rem">
					<div ng-click="pagedata.getlist('',1);" ng-class="{'fui-list-inner':1,'bold':pagedata.paramstype==1}"><span>综合排序 <i class="icon icon-moreunfold"></i></span></div>
					<div ng-click="pagedata.getlist('',2);" ng-class="{'fui-list-inner c':1,'bold':pagedata.paramstype==2}"><span>商户品类 <i class="icon icon-moreunfold"></i></span></div>
					<div ng-class="{'fui-list-inner c':1,'bold':pagedata.params.order=='price','asc':pagedata.params.order_type==1,'desc':pagedata.params.order_type==2}" style="display:inline;flex-direction:row;justify-content:flex-start" ng-click="toogle(pagedata.params,'order_type',[1,2]);pagedata.getlist('price')">
						<span class='text'>价格排序</span>
						<span class="sorting">
							<i class=" fa fa-sort-asc sanjiao1" style="line-height:1.3"></i>
							<i class=" fa fa-sort-desc sanjiao2" style="line-height:1.3"></i>
						</span>
					</div>
					<div ng-click="pagedata.getlist('',4);" ng-class="{'fui-list-inner r':1,'bold':pagedata.paramstype==4}"><span>全部筛选 <i class="icon icon-moreunfold"></i></span></div>
				</div>
				<div ng-if="pagedata.paramstype==1" class="row margin0" style="padding:0.4rem 0.9rem">
							<div ng-class="{'fui-cell-title':1,'active':pagedata.params.order=='all'}" style="padding:0.3rem 0" ng-click="pagedata.getlist('all')">综合排序</div>
							<div ng-class="{'fui-cell-title':1,'active':pagedata.params.order=='sales'}" style="padding:0.3rem 0"  ng-click="pagedata.getlist('sales')">销量优先</div>
							<div ng-class="{'fui-cell-title':1,'active':pagedata.params.order=='juli'}" style="padding:0.3rem 0"  ng-click="pagedata.getlist('juli')">距离优先</div>
							<div ng-class="{'fui-cell-title':1,'active':pagedata.params.order=='sudu'}" style="padding:0.3rem 0"  ng-click="pagedata.getlist('sudu')">速度优先</div>
							<div ng-class="{'fui-cell-title':1,'active':pagedata.params.order=='star'}" style="padding:0.3rem 0" ng-click="pagedata.getlist('star')">评分优先</div>
				</div>
				<div class="fui-fullHigh-group modal-swiper-y" style="padding-bottom:0.5rem" ng-if="pagedata.paramstype==2">
						<div class="fui-fullHigh-item menu" id="tab">
							<nav ng-class="{'on':pagedata.params.pid == '0'}" ng-click="pagedata.childs=pagedata.recommend;pagedata.image=false;pagedata.params.pid=0">推荐分类</nav>
							<nav ng-repeat="value in pagedata.category" ng-click="pagedata.childs=value.childs;pagedata.image=value.image;pagedata.params.pid=value.id" ng-class="{'on':pagedata.params.pid == value.id}">{{value.title}}</nav>
						</div>
						<div class="fui-fullHigh-item container" style="position: relative">
							<div id="container">
							<div class="fui-icon-group selecter">
								<a ng-repeat="child in pagedata.childs" ng-click="pagedata.selectcid(child.id,value.image,child.parentid);" class="fui-icon-col external">
									<div class="icon "><img ng-src="{{tomedia(child.image) || '../addons/jy_weishop/images/nogrouppic.png'}}" ></div>
									<div ng-class="{'text':1,'active':pagedata.params.cid==child.id || pagedata.params.pcate==child.id}">{{child.title}}</div>
								</a>
							</div>
							<div ng-if="!pagedata.childs || pagedata.childs.length<1" class='content-empty' style="margin-top:0">
								<i class='icon icon-cry'></i><br/>暂时没有任何子分类
							</div>
							</div>
						</div>
				</div>
				<div class="row margin0" ng-if="pagedata.paramstype==3" style="padding:0.4rem 0.5rem">
						<div ng-repeat="v in pagedata.pluginset.julitypes" class="jylabels jylabel-f3f3f3" ng-click="pagedata.params.juli=v.value;pagedata.getlist()">{{v.title}}</div>
				</div>
				<div class="row margin0" ng-if="pagedata.paramstype==4">
						<div class="fui-cell-title">热门</div>
						<div class="row margin0" style="padding:0 0.5rem">
							<div ng-class="{'jylabels jylabel-f3f3f3':1, 'active':pagedata.params.order=='isrecommand'}" ng-click="pagedata.params.order='isrecommand'">推荐商品</div>
							<div ng-class="{'jylabels jylabel-f3f3f3':1, 'active':pagedata.params.order=='isnew'}" ng-click="pagedata.params.order='isnew'">新品上市</div>
							<div ng-class="{'jylabels jylabel-f3f3f3':1, 'active':pagedata.params.order=='ishot'}" ng-click="pagedata.params.order='ishot'">热卖商品</div>
						</div>
						<div class="fui-cell-title">品质</div>
						<div class="row margin0" style="padding:0 0.5rem">
							<div ng-class="{'jylabels jylabel-f3f3f3':1, 'active':pagedata.params.star=='5'}" ng-click="pagedata.params.star=5;pagedata.params.order=''">5星好评</div>
							<div ng-class="{'jylabels jylabel-f3f3f3':1, 'active':pagedata.params.star=='4'}" ng-click="pagedata.params.star=4;pagedata.params.order=''">4星好评</div>
							<div ng-class="{'jylabels jylabel-f3f3f3':1, 'active':pagedata.params.order=='star'}" ng-click="pagedata.params.order='star';pagedata.params.star=''">点评高分</div>
							<div ng-class="{'jylabels jylabel-f3f3f3':1, 'active':pagedata.params.order=='sales'}" ng-click="pagedata.params.order='sales';pagedata.params.star=''">销量较高</div>
							<div ng-class="{'jylabels jylabel-f3f3f3':1, 'active':pagedata.params.order=='you'}" ng-click="pagedata.params.order='you';pagedata.params.star=''">优选商品</div>
						</div>
				</div>
			</div>
			<div class="fui-footer quick" style="box-shadow:0 0 0 rgba(0,0,0,0);height:2.9rem;background: none;padding:0.2rem 0.5rem;margin-bottom:0.5rem;position: absolute;">
				<div class="quick-cart c" ng-click="pagedata.params={};" >
					<i class="icon icon-lianxishangjia" style="font-size:1.2rem"></i>
					<div class="c" style="font-size:0.5rem;margin-top:-0.3rem">重置筛选</div>
				</div>
				<div class="quick-submit remark bold c" href="javascript:;" ng-click="pagedata.getlist();pagedata.isshowsearch=false;" style="background: red;color:#fff;">
					确认筛选
				</div>
			</div>
		</div>
	</div>
</div>
<script>
scope.pagedata.selectcid=function(cid,image,parentid){
	scope.pagedata.image=image;
	if(scope.pagedata.params.pid==0 && parentid==0){
		scope.pagedata.params.pcate=cid
		scope.pagedata.params.cid=0
	}else{
		scope.pagedata.params.cid=cid
		scope.pagedata.params.pcate=0
	}
	scope.$evalAsync(scope.pagedata.params);
}
</script>